* {
	margin: 0;
	padding: 0
}

body {
	font-size: 15px;
	font-family: Arial, "Microsoft Yahei"
}

i, span {
	display: inline-block;
	vertical-align: middle
}

button, input, select, option, textarea, pre {
	font-size: inherit;
	font-family: inherit
}

textarea {
	resize: none
}

ul, li, dl, dt, dd {
	list-style: none
}

a {
	text-decoration: none;
	outline: none;
	cursor: pointer;
	display: inline-block
}

a, label, :focus {
	outline: 0 none
}

label {
	vertical-align: middle
}

img {
	border: 0;
	vertical-align: middle
}

abbr[title] {
	border-bottom: 1px dotted
}

dfn {
	font-style: italic
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, nav, section, summary {
	display: block
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word
}

.input-box, .row, .titlebar {
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: box;
	display: -webkit-box;
	box-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.titlebar {
	background-color: #1da02b;
	border-color: #ddd;
	min-height: 44px;
	border-bottom: 1px solid;
	box-sizing: border-box;
	height: 0.875rem;
	text-align: center;
}

.titlebar, .titlebar a, .titlebar h1 {
	position: relative
}

.titlebar h1 {
	font-size: 0.875rem;
	font-weight: normal;
	-webkit-box-flex: 1;
	box-flex: 1
}

.titlebar h1:first-child {
	margin-left: 8px
}

.titlebar h1:only-child {
	margin-right: 8px
}

.titlebar a, .titlebar button {
	margin: 0 8px
}

.titlebar a+a, .titlebar a+button, .titlebar button+button {
	margin-left: 0
}

.titlebar .left, .titlebar .right {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1
}

.titlebar .left {
	left: 0
}

.titlebar .right {
	right: 0
}

.titlebar>.searchbar {
	width: 100%
}

.titlebar h1 {
	color: #333
}

.titlebar a {
	color: #36acf4
}

.titlebar a:active:not (.disable ) {
	color: rgba(54, 172, 244, 0.5)
}

.titlebar a.disable:not (.button ) {
	opacity: .5
}

.titlebar.reverse {
	background-color: #00706b;
	border-color: #00706b
}

.titlebar.reverse h1 {
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	line-height: 43px;
	z-index: 1;
	font-size: 18px;
}

.titlebar.reverse a, .titlebar.reverse .button {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.5)
}

.titlebar.reverse a:active, .titlebar.reverse .button:active, .titlebar.reverse a.active,
	.titlebar.reverse .button.active {
	color: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.25)
}

.titlebar>.searchbar {
	background-color: transparent
}

.titlebar.reverse>.searchbar .input-box {
	border-color: #36acf4
}

.rectbar, .slidebar, .arrowbar, .menubar, .tabbar {
	position: relative;
	display: table;
	margin: 0 auto
}

.titlebar.reverse a {
	position: relative;
	top: 0;
	z-index: 22;
}

.weui_btn {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 14px;
	padding-right: 14px;
	box-sizing: border-box;
	font-size: 32px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 88px;
	border-radius: 5px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow: hidden;
}

.weui_btn_primary {
	background: #00706b;
}

.weui_btn_warn {
	background: #f45438;
}

.menubar .tab:first-child .iconfont {
	font-size: 36px;
	position: relative;
	left: -5px;
}

.weui_cells {
	background-color: #fff;
	line-height: 1.41176471;
	font-size: 17px;
	overflow: hidden;
	position: relative;
}

@media only screen and (min-width:400px) {
	html {
		font-size: 21.33px !important
	}
}

@media only screen and (min-width:414px) {
	html {
		font-size: 22.08px !important
	}
}

@media only screen and (min-width:480px) {
	html {
		font-size: 25.6px !important
	}
}

a img {
	border: 0;
	text-decoration: none
}

.weui_cell:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #d9d9d9;
	color: #d9d9d9;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	left: 15px
}

.weui_cells {
	background-color: #fff;
	line-height: 1.41176471;
	font-size: 17px;
	overflow: hidden;
	position: relative
}

.weui_cells:before {
	top: 0;
	border-top: 1px solid #d9d9d9;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui_cells:after, .weui_cells:before {
	content: " ";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	color: #d9d9d9
}

.weui_cells:after {
	bottom: 0;
	border-bottom: 1px solid #d9d9d9;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui_cell {
	padding: 10px 15px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}